// Place all the styles related to the welcome controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com
*
{
  margin: 0;
  padding: 0;
}

#blogTitle
{
  padding:16px;
}

.title
{
  font-size: 17pt;
}

.subtitle
{
  font-size: 10.5pt;
  color: #999;
}

body
{
  color: #333;
  background :#fff;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 10pt;
  line-height: 1.8;
}

.left
{
  width: 200px;
  float: left;
}
.content
{
  width:1000px;
  float:right;
}
#navigator
{
  background: #f6f6f6;
  border:1px solid #ccc;
  border-width: 1px;
  height: 30px;
  line-height: 30px;
  color: #999;
  padding-left: 15px;
  padding-right: 5px;

  ul {
    display: block;
    list-style-type :disc;
    //-webkit-margin-before :1em;
    //-webkit-margin-after :1em;
    //-webkit-margin-start: 0px;
    //-webkit-margin-end: 0px;
    //-webkit-padding-start: 40px;
  }

  li{
    list-style:none;
  }

  #navList{
    li{
      float:left;
      margin-right:20px;
      font-size:10.5pt;
    }
  }

  a {
    color: #333;
    text-decoration: none;
  }
}

#mainContent{
  float:right;
  margin-left: -250px;
  width:100%;
}

.forFlow{
  margin:0 16px 0 266px;
}

#sideBar {
  width:220px;
  float:left;
  border:1px solid #999;
  border-top-width: 0;
  overflow:hidden;
  padding:0 8px 40px 12px;
}

#sideBarMain {
  padding-left:0;
}

.clear {
  clear:both;
}

#footer {
  text-align: center;
}
